import 'package:flutter/material.dart';

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var stack=new Stack(
      // Container容器对齐方式
      alignment: const FractionalOffset(0.5, 0.8),
      children: <Widget>[
        new CircleAvatar(
          backgroundImage: new NetworkImage('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2541280047.webp'),
          radius: 100,
        ),
        // new Container(
        //   decoration: new BoxDecoration(
        //     color: Colors.orange
        //   ),
        //   padding: EdgeInsets.all(10),
        //   child: new Text("嘿嘿嘿"),
        // )
        new Positioned(
          top: 10,
          left: 10,
          child: new Text("呵呵1"),
        ),
        new Positioned(
          bottom:10,
          right: 10,
          child: new Container(
            decoration: new BoxDecoration(
              color: Colors.red
            ),
            padding: EdgeInsets.all(10),
          ),
        )
      ],
    );

    return  new Scaffold(
        appBar: new AppBar(
          title: new Text('我的界面'),
        ),
        // body: new Row(
        //   children: <Widget>[
        //     Expanded(
        //       child: new RaisedButton(
        //         onPressed: (){},
        //         color: Colors.red,
        //         child: new Text("按钮1"),
        //       ),
        //     ),
        //      Expanded(
        //       child: new RaisedButton(
        //         onPressed: (){},
        //         color: Colors.orange,
        //         child: new Text("按钮2"),
        //       ),
        //     ),
        //      Expanded(
        //       child: new RaisedButton(
        //         onPressed: (){},
        //         color: Colors.yellow,
        //         child: new Text("按钮2"),
        //       ),
        //     ),
        //   ], 
        // )
      //   body: Center(
      //     child: new Column(
      //     // 垂直居中对齐方式(相对父容器)
      //     crossAxisAlignment:CrossAxisAlignment.center,
      //     // 负轴对齐方式
      //     mainAxisAlignment: MainAxisAlignment.center,
      //     children: <Widget>[
      //       new Text("你猜猜我是谁啊"),
      //       new Text("么额么么大"),
      //       new Text("呵呵"),
      //       new Text("呵呵"),
      //     ],
      //   ),
      // )
      body: Center(
        child: stack,
      ),
    );
  }
}